@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:"Helvetica"; background: #fff;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
i,em{font-style: normal;}
.nodispaly{ display:none}
.line{line-height:50px;}
.lineer{line-height:40px;}
.FK{color: #999;}
.F14{font-size: 14px;}
.fl,.Fl {float: left}
.fr,.Fr {float: right}
.ofH{overflow:hidden;}
.taC{text-align:center;}
.taL{text-align:left;}
.taR{text-align:right;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none;}
a:hover {color:#30318b; text-decoration:none; }
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; }
.container{max-width:1320px;margin:0 auto;}
.layout{max-width:1320px;margin:0 auto;}

/*头部导航*/
header{position: fixed;left: 0px;top: 0px;width: 100%;height: 125px;z-index: 100;background: #FFF; box-shadow: 0px 2px 4px rgb(0 0 0 / 20%);}
header .top{max-width:1320px; margin:0 auto;}
header .top h1{float: left; width: 250px; margin-top: 16px;}
header .top h1 img{width: 250px; float: left;}
header .top .nav{float: right; width: calc(100% - 325px)}
header .top .nav ul{}
header .top .nav li{float: left; width: 14.285%; position: relative;}
header .top .nav li p{text-transform: uppercase;line-height: 85px;color: #111;text-align: center}
header .top .nav li p a{font-size: 17px; display: inline-block;}
header .top .nav li p a.current{ color: #30318b;}
header .top .nav li:hover p a{text-decoration: none;color:#30318b;}
header .top .nav li p i{margin-left: 10px; color: #aaa}
header .top .nav>ul>li>dl{background: #fff;position: absolute;left: 0px;top: 85px;width: 100%;visibility: hidden;opacity: 0;transition: all 0.3s;}
header .top .nav>ul>li:hover dl{top: 85px;visibility: visible;opacity: 1;}
header .top .nav>ul>li>dl dd{line-height: 48px;border-bottom: 1px solid #eee;position: relative;}
header .top .nav>ul>li>dl dd:last-child{border-bottom: none;}
header .top .nav>ul>li>dl dd a{display: block;font-size: 15px; color: #333; text-align: center;}
header .top .nav>ul>li>dl dd:hover a{display: block;text-decoration: none;color: #FFF; background: #30318b;}
header .top .nav>ul>li>dl dd .sanji{position: absolute;left: 100%;top:0px;width: 140%;background: #FFF;visibility: hidden;opacity: 0;transition: all 0.3s;}
header .top .nav>ul>li>dl dd:hover .sanji{visibility: visible;opacity: 1;}
header .top .nav>ul>li>dl dd .sanji .list{border-bottom: 1px solid #EEE;}
header .top .nav>ul>li>dl dd .sanji .list a{background: #FFF;color:#666;}
header .top .nav>ul>li>dl dd .sanji .list a:hover{background: #30318b;color:#FFF;}
header .top .nav>ul>li>dl dd .sanji .list:last-child{border-bottom: none;}


header .top .nav li .sub-menu dt{ padding:0 15px; position:relative;}
header .top .nav li .sub-menu dt::before{ position:absolute; content:''; width:0; height:14px; background:#30318b; left:0; top:50%; margin-top:-7px; transition:0.3s;}
header .top .nav li .sub-menu dt:hover::before{ width:8px;}
header .top .nav li .sub-menu dt a{border-bottom:1px solid #eee; line-height:42px; background:url(../images/Top002434-icon_a.png) no-repeat left center; color:#666; font-weight: bold;padding-left: 12px; display: block;}
header .top .nav li .sub-menu dt:last-child a{ border-bottom:0;} 
header .top .nav li .sub-menu dt a:hover{ color:#30318b;}
header .top .nav li .sub-menu .dd{ width: 72%;float: right; } 


header .top .nav li .sub-menu{overflow: hidden;width: 600px; position: absolute; left:-100%; top:85px; display: none; background: #fff; padding-bottom: 25px;}
header .top .nav li .sub-menu dl dt{width: 22%; display: inline-block;}
header .top .nav li .sub-menu dl dd{width: 32%;float: left;margin: 4px 0;padding: 0 4%;box-sizing: border-box;}
header .top .nav li .sub-menu dl dd a{display: block;text-align: left;line-height: 24px;color: #999;padding: 4px 0;}
#m1 dl dd:nth-child(5) a{padding-left: 10px;}
header .top .nav li .sub-menu dl dd:hover a{color: #30318b;}

header .top .nav li:hover .sub-menu{display: block;}

header .t-3 span{display: inline-block;width: 84px;padding-left: 20px;height: 24px;line-height: 24px;border-radius: 2px;background: #fff url(../images/a3.png)no-repeat 90px;color: #4c4948;} 
header .t-3 ul{display:none;position: absolute; width: 104px;top: 40px; z-index: 99} 
header .t-3 li a{display:block;line-height: 30px; text-align: center; background: #eee; font-size: 12px; cursor:pointer; border-bottom: 1px solid #ddd; } 
header .t-3 li:last-child a{border-bottom:0;} 
header .t-3 li:hover a{background:#4c4948;color:#fff; }
header .t-3:hover ul{display:block}


header .cont{height: 112px;line-height: 112px;background: #fff;}
header .search{width: 145px; height: 30px; line-height: 30px; background: #ebebeb url(../images/a4.png) no-repeat 92%; border-radius: 20px; padding: 0 40px 0 15px; color: #818181; margin-top: 41px; margin-left: 30px; }
header .tops {height: 40px; line-height: 40px; position: static; right: 0px; top: 0; background: #0279d4; color: #fff; }
header .tops  i{color:#fff;font-weight: bold;}
header .tel{margin-right:50px;}
header .tel a{color: #eb262a; font-weight: bold; font-size: 16px;}
header .tel img{margin-right: 5px;margin-top: -3px;}

header .header-main { transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .m-btn { display:none; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; float:right;}
header .m-btn .box {position: relative; font-size:24px; color:#333;}


.sp_header,.sjj_nav{display: none}


.body-wrap { width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;}

.foot{background: #222;padding:40px 0 25px; overflow: hidden;}
.foot .box{max-width: 1320px;margin:0 auto;}
.foot .box .t_l{float: left;width: 35%;}
.foot .box .t_l .dz{line-height: 32px;color: #d3d3d3;margin-top: 0;font-size: 14px;}
.foot .box .t_c{float: left;width:45%; margin-right: 4%;}
.foot .box .t_c dl{float: left;width:33.333%;color: #FFF;}
.foot .box .t_c dt{font-size: 17px;margin-bottom: 12px; font-weight: bold;}
.foot .box .t_c dd{line-height:30px;}
.foot .box .t_c dd a{color: #d3d3d3;font-size: 14px;}
.foot .box .t_c dd a:hover{color: #e60012;}
.foot .box .t_r{float: right;width: 12%;}
.foot .box .t_r .pic{width: 115px;text-align: center;line-height: 30px;color: #FFF;float: right;}
.foot .box .t_r img{width: 100%;}

.foot .box .foot_b{padding-top: 20px;color: #d3d3d3; border-top: 1px solid #333; margin-top: 28px; overflow: hidden; }
.foot .box .foot_b .copyright{text-align: center; line-height: 27px;} 

/*浮动ＱＱ*/
.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -101px;width: 50px;height: 203px;z-index: 6666;}
.sideBar-wrapper ul li{height: 50px;position: absolute;left: 0;}
.sideBar-wrapper ul li.backTop{top: 0;width: 62px;}
.sideBar-wrapper ul li.relQq{top: 51px;width: 126px;transition: all .4s;}
.sideBar-wrapper ul li.relDh{top: 102px;width: 172px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 153px;width: 62px;}
.sideBar-wrapper ul li a{display: block;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #000;opacity: .87;border-radius: 6px;}
.sideBar-wrapper ul li a img{display: block;float: left;width: 24px;height: 24px;margin: 12px 12px 14px 14px;}
.sideBar-wrapper ul li a:hover{opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -70px;}
.sideBar-wrapper ul li.relDh:hover{left: -116px;}
.sideBar-wrapper-ewm{position: absolute;top: -144px;left: -144px;background: url('../images/side-arr.png') no-repeat bottom right;width: 140px;height: 149px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 140px;height: 140px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}